<template>
  <div>
    <router-link :to="{ name:'Details',params:{details_id:item.id}}">
    <div class="metterImg" >
        <img :src='item.img' alt="">
    </div>
    <p>{{item.mname}}</p>
    </router-link>
  </div>
</template>
<script>
export default {
  name: "Item",
  data(){
    return{
      
    }
  },
  props: {
    item: {
      type: Object,
      default: function() {
        return {};
      }
    }  
  },
  methods: {
   
  }
};
</script>
<style  scoped lang='less'>
    .metterImg{
        width: 5rem;
        height: 5rem;
        img{
            width: 100%;
        }
    }
    p{
        text-align: left;
        margin: 10px 0 2rem 0;
    }
</style>
